@m-height: 10.75rem;
@pc-height: 37.3125rem;
@cl-color: #175292;
@bg-size: 1.875rem;

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul {
	li {
		list-style: none;
	}
}

a {
	text-decoration: none;
}

#header {
	position: sticky;
	top: 0;
	z-index: 9;
}
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}
/* 弹窗遮罩层 */
.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

/* 弹窗容器 */
.modal-container {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	width: 80%;
	max-width: 900px;
	overflow: hidden;
}

/* 弹窗头部 */
.modal-header {
	padding: 20px;
	border-bottom: 1px solid #ebeef5;
}

.modal-title {
	font-size: 18px;
	font-weight: bold;
	color: #303133;
	margin: 0;
}

/* 弹窗内容区域 */
.modal-content {
	padding: 20px;
	max-height: 400px;
	overflow-y: auto;
}

/* 内容样式 */
.policy-content {
	font-size: 14px;
}

.policy-content p {
	text-indent: 2em;
	line-height: 1.5;
	color: #000;
	margin-bottom: 8px;
}

.policy-content strong {
	font-weight: bold;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.modal-container {
			width: 90%;
			max-width: none;
	}
	
	.modal-content {
			max-height: 60vh;
	}
}

/* 标题区域 */
.title-column {
	background-color: #fff;
	padding: 40px 20px;
	margin-bottom: 20px;
	text-align: center;
	p{
		font-size: 14px;
		color: #858585;
	}
}

.title-column h2 {
	margin: 0 0 15px 0;
	font-size: 24px;
}

.title-column span {
	margin: 7px 0;
	color: #666;
}

.title-column .link {
	color: #1b5390;
	cursor: pointer;
	font-style: normal;
}

/* 表单区域 */
.form-column {
	background-color: #fff;
	padding: 20px;
	border-radius: 4px;
}

.form-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.form-group {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.form-label {
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
	width: 120px;
}

.form-control {
	width: 100%;
	padding: 10px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
}
.form-control-one {
	width: 45%;
	padding: 10px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
}
.form-control-one:focus {
	border-color: #1b5390;
	outline: none;
}

.form-control:focus {
	border-color: #1b5390;
	outline: none;
}

.captcha-container {
	display: flex;
	gap: 10px;
}

.captcha-input {
	flex: 1;
}

.captcha-image {
	height: 35px;
	border-radius: 4px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.submit-btn {
	background-color: #1b5390;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
}
.btn{
	width: 100%;
	display: flex;
	justify-content: center;
}
.submit-btn:hover {
	background-color: #66b1ff;
}

        /* 会员权限容器 */
        .desc-column {
					background-color: #fff;
					padding-bottom: 32px;
			}
			
			/* 标题样式 */
			.desc-column .title {
					height: 24px;
					line-height: 24px;
					font-size: 24px;
					font-weight: bold;
					color: #303133;
					margin: 0 0 36px;
					text-align: center;
			}
			
			/* 权限列表容器 */
			.desc-column .features {
					padding: 0 80px;
					display: flex;
					justify-content: center;
					align-items: center;
			}
			
			/* 单个权限项 */
			.desc-column .feature {
					flex: 1;
					height: 93px;
					border-right: 1px solid #cbcbcb;
					box-sizing: border-box;
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-direction: column;
			}
			
			/* 图标样式 */
			.desc-column .feature-icon {
					width: 61px;
					height: 61px;
					line-height: 61px;
					font-size: 58px;
					color: #1b5390;
					text-align: center;
			}
			
			/* 图标特殊样式 */
			.desc-column .feature-icon .fi-list {
					font-size: 54px;
			}
			.desc-column .feature-icon .fi-lock {
				font-size: 54px;
		}
			
			.desc-column .feature-icon .fi-video {
					font-size: 70px;
			}
			
			.desc-column .feature-icon .fi-email {
					font-size: 50px;
			}
			
			/* 权限描述文字 */
			.desc-column .feature-text {
					height: 14px;
					line-height: 14px;
					font-size: 14px;
					color: #909399;
					text-align: center;
			}
			
			/* 最后一个权限项去掉右边框 */
			.desc-column .feature:last-child {
					border-right: none;
			}
			
			/* 响应式设计 - 小屏幕 */
			@media (max-width: 768px) {
					.desc-column .features {
							padding: 0 8px;
							display: flex;
							justify-content: center;
							align-items: center;
							flex-wrap: wrap;
					}
					
					.desc-column .feature {
							flex: none;
							width: 50%;
							margin-bottom: 16px;
							border-right: none;
					}
					
					/* 偶数项去掉右边框 */
					.desc-column .feature:nth-child(even) {
							border-right: none;
					}
			}

/* 响应式调整 */
@media (max-width: 768px) {
	.form-group {
			flex: 0 0 100%;
			max-width: 100%;
	}
}

@media (max-width:68.75rem) {
	footer {
		transition: .3s;
		display: none;
	}
}